<template name="breadcrumb">
    <div class="breadcrumbAre">
        <el-breadcrumb separator-class="el-icon-arrow-right">
            <el-breadcrumb-item v-for="(item,index) in routerList" :key="index" :to="item.path">{{item.name}}</el-breadcrumb-item>
        </el-breadcrumb>
    </div>
</template>
<script>
export default {
    name: 'breadcrumb',
    props: ['routerList'],
    data(){
        return{

        }
    },
    mounted(){
        // console.log(this.$root);
        // console.log(this.$parent);
    }
}
</script>
<style>
    .breadcrumbAre{
        width: 100%
    }
    .el-breadcrumb__item{
        cursor: pointer;
    }
</style>
